* {
  box-sizing: border-box;
}

body {
  font-size: 0.14rem;
  font-family: Arial, Helvetica Neue, Helvetica, PingFang SC, Source Han Sans CN, Microsoft YaHei, Open Sans, Myriad Pro, Myriad, San Francisco, Segoe UI, Verdana, Hiragino Sans GB, Wenquanyi Micro Hei, sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #f6f6f6;
  color: #303133;
}

/* 富文本处理 */
.richText *{
  word-break: break-all;
  max-width: 100%;
}

html,
body{
  width: 100%;
  height: 100%;
}

[v-cloak] {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

i,
u,
em,
s {
  font-style: normal;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
  color: #303133;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
}

a:focus {
  outline: 0;
}

a:link,
a:visited {
  text-decoration: none;
}

a img {
  border: none;
}

img {
  vertical-align: top;
}

input,
textarea,
select {
  outline: none;
  font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";
}

.hide {
  display: none !important;
}

.clearfix:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}


.clearfix {
  zoom: 1;
}

input {
  background: none;
  outline: none;
  border: 0px;
}

input:focus {
  outline: none;
}

button,
button:focus {
  outline: none;
  border: none;
}

input::-webkit-input-placeholder {
  color: #c0c4cc;
}

input::-moz-placeholder {
  color: #c0c4cc;
}

input::-ms-input-placeholder {
  color: #c0c4cc;
}

textarea::-webkit-input-placeholder {
  color: #c0c4cc;
}

textarea::-moz-placeholder {
  color: #c0c4cc;
}

textarea::-ms-input-placeholder {
  color: #c0c4cc;
}

/*文字换行*/
.wordBreak {
  word-break: break-all;
}

/*文本超长省略*/
.dan {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
}

/*两行文本缩略*/
.shuang {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.fl {
  float: left;
}

.fr {
  float: right;
}

/* 字体大小 font-size */
.fs12 {
  font-size: .12rem;
}

.fs13 {
  font-size: .13rem;
}

.fs14 {
  font-size: .14rem;
}

.fs16 {
  font-size: .16rem;
}

.fs24 {
  font-size: .24rem;
}

/* 行高line-height */
.lh17 {
  line-height: 0.17rem;
}

.lh18 {
  line-height: 0.18rem;
}

.lh20 {
  line-height: 0.2rem;
}

.lh22 {
  line-height: 0.22rem;
}

.lh24 {
  line-height: 0.24rem;
}

.lh33 {
  line-height: 0.33rem;
}

/* 字体颜色 color */
.fc-909399 {
  color: #909399;
}

.fc-606266 {
  color: #606266;
}

.fc-c0c4cc {
  color: #c0c4cc;
}

.fc-fff {
  color: #fff;
}
.fc-0088ff{
  color: #0088ff;
}

/* 字体粗细 font-weight */
.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}


/* padding */
.pt10 {
  padding-top: 0.10rem;
}

.pb10 {
  padding-bottom: 0.10rem;
}

.pr12 {
  padding-right: 0.12rem;
}

.pl12 {
  padding-left: 0.12rem;
}

.p12 {
  padding: 0.12rem;
}

/* margin */
.mb2 {
  margin-bottom: 0.02rem;
}

.mt2 {
  margin-top: 0.02rem;
}

.mb6 {
  margin-bottom: 0.06rem;
}

.mt6 {
  margin-top: 0.06rem;
}

.mb12 {
  margin-bottom: 0.12rem;
}

.mt12 {
  margin-top: 0.12rem;
}

.mb10 {
  margin-bottom: 0.1rem;
}

.bgc-f6f6f6 {
  background-color: #f6f6f6;
}

.bgc-fff {
  background-color: #fff;
}

.boxShadow {
  box-shadow: 0px 0.02rem 0.08rem 0px rgba(0, 0, 0, 0.06);
}

.bor4 {
  border-radius: 0.04rem;
}

#app {
  width: 100%;
  overflow: hidden;
}

.icon {
  display: inline-block;
}

.icon14 {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.icon16 {
  /* width: 0.16rem;
  height: 0.16rem;
  rem 手机端图片有被截取 */
  width: 16px;
  height: 16px;
  display: inline-block;
}

.icon24 {
  width: 24px;
  height: 24px;
  display: inline-block;
}

/* tab */
.member-nav-tab {
  height: 0.5rem;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
}

.member-nav-tab ul {
  display: flex;
  height: 100%;

}

.member-nav-tab ul li {
  flex: 1;
  text-align: center;
  font-size: 0.14rem;
  color: #909399;
  line-height: 0.20rem;
  height: 100%;
  line-height: 0.5rem;
}

.member-nav-tab ul li .tag-icon {
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  background-color: #F56C6C;
  color: #fff;
  line-height: 0.16rem;
  font-size: 0.12rem;
  text-align: center;
  border-radius: 50%;
}

.member-nav-tab ul li.active {
  position: relative;
  color: #0486FE;
}

.member-nav-tab ul li.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.1rem;
  width: 0.2rem;
  height: 0.02rem;
  background-color: #0486FE;
  border-radius: 0.02rem;
}

/* 修改mint-ui confirm弹框样式 */
.mint-msgbox {
  width: 78%;
  border-radius: 4px;
  font-size: 0.16rem;
}

.mint-msgbox-btns {
  height: 46px;
}

.mint-msgbox-content {
  min-height: 0.36rem;
  padding: 0.04rem .20rem .15rem;
}

.mint-msgbox-btns {
  height: 0.4rem;
  line-height: 0.4rem;
}

.mint-msgbox-header {
  padding: 0.3rem 0 0;
}

.mint-msgbox-title {
  font-size: 0.16rem;
}

.mint-msgbox-message {
  line-height: 0.36rem;
  font-size: 0.14rem;
}

.mint-msgbox-input {
  padding-top: .15rem;
}

.mint-msgbox-btn {
  font-size: 0.16rem;
}

.mint-msgbox-confirm {
  color: #0486FE;
}

.mint-msgbox-cancel {
  color: #909399;
}
.mint-toast{
  z-index: 10000000 !important;
}

/*loading 层级*/
.mint-indicator{
  z-index: 1000;
  position: relative;
}